<template>
<div>
        <!--top-->
        <Header/>
        <!--top end-->
       <router-view class="hh"> </router-view>
      
        <Footer/>
        <!--底部 end-->
</div>
</template>

<script>
import Header from "./components/Header"
import Footer from "./components/Footer"




export default {
  name: 'App',
  beforeCreate(){
                   this.$forceUpdate()
  },
  components: {
    
    Header,
    Footer,
   
    
  }
}
</script>
 
<style  scoped>
    .hh{
      /* width:1200px; */
      margin: 0 auto;
      height: 100%;
    }

</style>
 

